<script setup>
import PresentationExample from "../Sections/PresentationExample.vue";
const data = [];
</script>
<template>
  <h1 style="color: red" class="text-center mb-5" data-aos="fade-up">
    Customer Training Service
  </h1>
  <div class="row align-items-center">
    <div class="col-lg-7" data-aos="fade-right">
      <img
        src="@/assets/img/LOGO.png"
        alt=""
        style="width: 100%; height: auto"
      />
      <!-- <MaterialBadge color="success" class="mb-3">Infinite combinations</MaterialBadge> -->

      <!-- <h2 class="text-dark mb-0">{{ headData.leftText }}</h2> -->
      <!-- <p class="lead">We have created multiple options for you to put together and customise into pixel perfect pages.</p> -->
    </div>
    <div class="col-lg-5" data-aos="fade-left">
      <h2>Service training</h2>
      <h6>1.Daily maintenance of forklift truck</h6>
      <h6>2. Battery daily maintenance</h6>
      <h6>3. Provide sales and after sales training for customers</h6>
      <h2>Value-added services</h2>
      <h6>
        1. Provide customers with long-term product maintenance services and
        components supply services (sign a service contract)
      </h6>
      <h6>2. Leasing business (part of the region).</h6>
    </div>
  </div>
  <PresentationExample
    :data="data.data"
    :headData="data.headData"
    :title="data.title"
    :buttonText="data.buttonText"
  />
</template>

<style></style>
